<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Definir el ancho de una capa</title>
<style type="text/css">
.casa{
  width:200px;
  background:red;
  display:block;  
} 
</style>
</head>
<body>
<h1>Definir el ancho de una capa</h1>

<div class="casa" style="overflow:visible;">
<h2>Visible</h2>
<a href="http://www.lostejos.com" title="Los Tejos"><img src="http://lineadecodigo.com/wp-content/uploads/2009/09/casarural.jpg" alt="Los Tejos"/></a>
</div>

<br><br>

<div class="casa" style="overflow:hidden;">
<h2>Hidden</h2>
<a href="http://www.lostejos.com" title="Los Tejos"><img src="http://lineadecodigo.com/wp-content/uploads/2009/09/casarural.jpg" alt="Los Tejos"/></a>
</div>

<br><br>

<div class="casa" style="overflow:scroll;">
<h2>Scroll</h2>
<a href="http://www.lostejos.com" title="Los Tejos"><img src="http://lineadecodigo.com/wp-content/uploads/2009/09/casarural.jpg" alt="Los Tejos"/></a>
</div>

<br><br>

<div class="casa" style="overflow:auto;">
<h2>Auto</h2>
<a href="http://www.lostejos.com" title="Los Tejos"><img src="http://lineadecodigo.com/wp-content/uploads/2009/09/casarural.jpg" alt="Los Tejos"/></a>
</div>



<br/><br/>
<hr>
Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/css/controlando-el-overflow-de-una-capa/">http://lineadecodigo.com/css/controlando-el-overflow-de-una-capa/</a><br/>
<a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>



</body>
</html>